﻿@{
    ViewBag.Title = "组件系统";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
@section Head{
    <script type="text/javascript">
        $(function () {
            $('a', $('#nav-menus')).click(function () {
                //                var count = $('#tabs').tabs('tabs').length;
                //                if (count == 2) {
                //                    var tab = $('#tabs').tabs('tabs')[1];
                //                    $('#tabs').tabs('close', tab.panel('options').title);
                //                }
                //                $('#tabs').tabs('add', {
                //                    title: $(this).text(),
                //                    href: $(this).attr('url'),
                //                    closable: true,
                //                    cache: true
                //                });
                $('#centerPanel').panel({
                    title: $(this).text(),
                    href: $(this).attr('url'),
                    cache: false
                });
            });
        });
    </script>
}
<body class="easyui-layout">
    <div region="west" title="可用组件" style="width: 200px;">
        <ul id="nav-menus" class="easyui-tree">
            <li><span>权限组件</span>
                <ul>
                    <li><a href="#" url="@Url.Content("~/Permission/FunPointIndex")">功能点配置</a></li>
                    <li><a href="#" url="@Url.Content("~/Permission/OperatePointIndex")">操作点管理</a></li>
                    <li><a href="#" url="@Url.Content("~/Permission/RoleIndex")">角色/权限配置</a></li>
                </ul>
            </li>
            <li><span>用户组件</span>
                <ul>
                    <li><a href="#" url="@Url.Content("~/User/BaseInfoIndex")">用户信息</a></li>
                </ul>
            </li>
        </ul>
    </div>
    <div region="center" style="background: #eee;">
        @*        <div id="tabs" class="easyui-tabs" border="false" fit="true">
            <div class="easyui-tab" title="简介">
            </div>
        </div>*@
        <div id="centerPanel" class="easyui-panel" fit="true" border="false">
        </div>
    </div>
</body>
